<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page isELIgnored="false" %>
<%@include file="../common/taglibs.jsp" %>
<%
	String path = request.getContextPath();    
	//获得项目完全路径（假设你的项目叫MyApp，那么获得到的地址就是 http://localhost:8080/MyApp/）:    
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path; 
%>
<!DOCTYPE html>
<html lang="en">
 <head>
	
 </head>
 <body>
  <%@include file="head.jsp" %>

    <div class="container">
      <div class="row">

    	<div class="col-md-3" >  		
    		  <%@include file="myAccount4Left.jsp" %>      
         </div><!--/span2-->

    	<div class="col-md-9">
		  <ul class="breadcrumb">
		      <li><a href="<%=basePath %>/index">Home</a> <span class="divider"><span class="glyphicon glyphicon-chevron-right"></span>Account&nbsp;<span class="glyphicon glyphicon-chevron-right"></span>Personal Details</span></li>
		  </ul>
          <h4><font color="orange">Personal Details</font></h4>
    	
    	  <form action="<%=basePath %>/member/changePersonalDetails" class="form-horizontal" role="form">
          <table class="table table-condensed table-hover table-bordered">
            
            <tbody>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Email Address:</span>
		                 <div class="col-md-8">
		                 	<p class="form-control-static text-left">${member.email }</p>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Full Name:</span>
		                 <div class="col-md-8">
		                 	<p class="form-control-static text-left">${member.lastName }&nbsp;${member.firstName }</p>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Register Date:</span>
		                 <div class="col-md-8">
		                 	<p class="form-control-static text-left"><fmt:formatDate value="${member.registerTm}" pattern="yyyy-MM-dd"/></p>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Integral:</span>
		                 <div class="col-md-8">
		                 	<p class="form-control-static text-left">${member.integral}</p>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Tel:</span>
		                 <div class="col-md-3">
						    <input class="form-control text-left" type="text" name="phoneNumber" maxlength="30" value="${member.phoneNumber }">
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Country:</span>
		                 <div class="col-md-3">
							 <select class="form-control" name="country" style="width:8;">
				              		<option value="">Please select...</option>
				              		<c:forEach items="${countryList}" var="country">
				              			<option value="${country.country }"  <c:if test="${country.country == member.country}">selected</c:if>>${country.country }</option>
				              		</c:forEach>
				              	</select>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                 <td align="center">
                 	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Gender:</span>
		                 <div class="col-md-5">
							<label class="checkbox-inline">
							  <input type="radio" name="gender"  <c:if test="${member.gender == 'Male'}">checked</c:if> value="Male"> Male
							</label>
							<label class="checkbox-inline">
							  <input type="radio" name="gender" <c:if test="${member.gender == 'Female'}">checked</c:if> value="Female"> Female
							</label>
							<label class="checkbox-inline">
							  <input type="radio" name="gender" <c:if test="${empty member.gender}">checked</c:if> value=""> (unspecified)
							</label>
						 </div>
					 </div>
                </td>
              </tr>
              <tr>
                <td align="center">
                	<div class="form-group">
		                 <span class="col-md-4 control-label text-right">Home Page:</span>
		                 <div class="col-md-8">
						    <input class="form-control" type="text" name="homepage" maxlength="250" value="${member.homepage }">
						 </div>
					 </div>
                </td>
              </tr>
            </tbody>
          </table>
          <div align="center">
			<button type="submit" class="btn btn-success btn-sm" >Save Changes</button>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		  </div>
		  </form><!-- end form -->
		  
    	</div><!--/span8-->

      </div><!-- row-fluid -->


    </div><!-- container-fluid -->
  
  </body>
</html>